<template>
    <div id="lbtn">
        <div class="btnbody">
            {{this.button_val}}
        </div>
    </div>
</template>

<script>
    export default {
        name: "left-button",
        props: {
            button_val: String
        }
    }
</script>

<style lang="less" scoped>
    .btnbody {
        width: 40px;
        background-color: #F19B05;
        margin: auto;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 30px;
        height: 40px;
        box-sizing: border-box;
        user-select: none;
        cursor: pointer;
        &:hover{
            /*color: white;*/
            border: bisque 2px solid;

        }
    }
</style>